<template>
  <normal-layout>
    <el-card style="display: flex">
      <div style="margin: 50px">
        <p>编号：</p><span>{{personInfo.sno}}</span>
        <el-divider></el-divider>
        <p>姓名：</p><span>{{personInfo.name}}</span>
        <el-divider></el-divider>
        <p>性别：</p><span>{{personInfo.sex}}</span>
        <el-divider></el-divider>
        <p>年龄：</p><span>{{personInfo.age}}</span>
        <el-divider></el-divider>
        <p>tel：</p><span>{{personInfo.tel}}</span>
        <el-divider></el-divider>
        <p>位置：</p><span>{{personInfo.position}}</span>
        <el-divider></el-divider>
        <p>当月业绩：</p><span>{{personInfo.position}}</span>
        <el-divider></el-divider>
      </div>
    </el-card>
  </normal-layout>
</template>

<script>
  import NormalLayout from "../../layouts/NormalLayout";
  export default {
    name: "Me",
    components: {NormalLayout},
    data(){
      return{
        personInfo:{},
      }
    },
    mounted() {
      this.getData();
    },
    methods:{
      getData(){
        this.$axios.get('/get_my').then((res)=>{
          this.personInfo=res.data;
        })
      }
    }
  }
</script>

<style scoped>

</style>
